<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    // while(){}
        // while       语句名，关键字
        // ()          执行条件
        // {}          当执行条件为true时，要重复执行的语句

    // 语法
    // while(true){
    //     console.log("hello")
    // }

    // while(false){
    //     console.log("world");
    // }

    // var i = 0;
    // while(i < 10){
    //     console.log("hello");
    //     i++;
    // }


    // do{}while()
        // do      语句名1，关键字
        // {}      当执行条件为true时，要重复执行的语句
        // while   语句名2，关键字
        // ()      执行条件

    // 语法
    // do{
    //     console.log("hello");
    // }while(true);

    // do{
    //     console.log("hello");
    // }while(false);

    // var i = 0;
    // do{
    //     console.log("hahah");
    //     i++;
    // }while(i < 10);


    // while和do-while的区别：
        // 执行条件同为false时，do-while会执行一次
    // while语句的执行条件前置，执行语句后置
    // do-while语句的执行语句前置，执行条件后置


    // for(){}
    //     for     语句名，关键字
    //     ()      循环三要素
    //     {}      当执行条件为true时，要重复执行的语句
    // for(计数器的初始化; 执行条件; 计数器的改变){
    //     当执行条件为true时，要重复执行的语句
    // }

    // 语法：
    // for(var i=0;true;i++){
    //     console.log("hello world");
    // }

    // 当省略了其他部分时
    // for(;true;){
    //     console.log("hello world");
    // }

    // for(var i=0;i<10;i++){
    //     console.log("hello world");
    // }


    // for和while的区别

    // var i = 0;
    // while(i < 10){
    //     i++;
    //     console.log( i );
    // }
    // while的三要素更灵活，可自定义执行顺序
    
    // for的三要素更集中，执行顺序固定
        // 1      2      3
    // for(var i=0; i<10; i++){
        // 4
        // console.log( i );
    // }
    // console.log("循环结束后i为：" + i);
    // 1->2->4->3->2->4->3->2.....

    
</script>
</html>